<!doctype html>
<html class="no-js" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单列表</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/app.js"></script>
</head>

<body>
<th:block th:include="commonAdmin :: header"></th:block>


<div class="am-cf admin-main">

    <div class="nav-navicon admin-main admin-sidebar">


        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;" th:text="' 欢迎系统管理员：'+${session.User.username}"></div>
        <div class="sideMenu">
            <h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
            <ul>
                <li><a href="/wood/admin/productList">商品列表</a></li>
                <li class="func" dataType='html' iconImg='images/msn.gif'><a href="/wood/admin/addProduct">添加新商品</a></li>
                <li><a href="">商品分类</a></li>

                <li><a href="">商品回收站</a></li>
                <li><a href="">库存管理</a></li>
            </ul>
            <h3 class="am-icon-cart-plus on"><em></em> <a href="#"> 订单管理</a></h3>
            <ul>
                <li><a href="/wood/admin/orderList">订单列表</a></li>
                <li><a href="">订单打印</a></li>
                <li><a href="">添加订单</a></li>
            </ul>
            <h3 class="am-icon-users"><em></em> <a href="#">用户管理</a></h3>
            <ul>
                <li><a href="/wood/admin/userList">用户列表</a></li>
                <li><a href="/wood/admin/addUser">添加用户</a></li>

            </ul>
            <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
            <ul>
                <li>站内消息 /留言</li>
                <li>短信</li>
                <li>邮件</li>
                <li>客服</li>
            </ul>
            <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
            <ul>
                <li>邮件/短信管理</li>
                <li>上传/下载</li>
                <li>权限</li>
                <li>网站设置</li>
            </ul>
        </div>
        <!-- sideMenu End -->

        <script type="text/javascript">
            jQuery(".sideMenu").slide({
                titCell: "h3", //鼠标触发对象
                targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
                effect: "slideDown", //targetCell下拉效果
                delayTime: 300, //效果时间
                triggerTime: 150, //鼠标延迟触发时间（默认150）
                defaultPlay: true, //默认是否执行效果（默认true）
                returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
            });
        </script>


    </div>

    <div class=" admin-content">
        <th:block th:include="commonAdmin :: daohang"></th:block>
        <div class="admin-biaogelist">

            <div class="listbiaoti am-cf">
                <ul class="am-icon-flag on"> 订单列表</ul>

                <dl class="am-icon-home" style="float: right;">当前位置： 首页 > <a href="#">订单列表</a></dl>

                <dl>
                    <button type="button" class="am-btn am-btn-danger am-round am-btn-xs am-icon-plus" id="addNewOrder">
                        补充新订单
                    </button>
                </dl>
                <!--这里打开的是新页面-->


            </div>


            <form class="am-form am-g">
                <table width="100%" class="am-table am-table-bordered am-table-radius am-table-striped am-table-hover">
                    <thead>
                    <tr class="am-success">


                        <th class="table-id">ID</th>
                        <th class="table-title">订单号</th>
                        <th class="table-author am-hide-sm-only">地址</th>
                        <th class="table-author am-hide-sm-only">购买人ID</th>
                        <th class="table-type">订单状态</th>
                        <th class="table-date am-hide-sm-only">下单日期</th>
                        <th width="130px" class="table-set">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="order:${orderList}">
                        <td th:text="${order.id}"></td>
                        <td><a th:text="${order.orderNo}"></a></td>
                        <td class="am-hide-sm-only"
                            th:text="${order.receiverProvince}+${order.receiverCity}+${order.receiverDistrict}+${order.receiverAddress}"></td>
                        <td th:text="${order.userId}"></td>
                        <td class="am-hide-sm-only" th:text="${order.status}"></td>
                        <td class="am-hide-sm-only"
                            th:text="${#dates.format(order.createTime,'yyyy年MM月dd日 HH:mm:ss')}"></td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button class="am-btn am-btn-default am-btn-xs am-text-success am-round"><span
                                            class="am-icon-search" title="查看订单详情"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改订单"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除订单"><span class="am-icon-trash-o"></span></button>
                                </div>
                            </div>


                        </td>
                    </tr>

                    </tbody>
                </table>

                <div class="am-btn-group am-btn-group-xs">
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 删除</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 上架</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 下架</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 移动</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 新增</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 移动</button>-->
                    <!--                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-trash-o"></span> 删除-->
                    </button>
                </div>

                <ul class="am-pagination am-fr">
                    <li class="am-disabled"><a href="#">«</a></li>
                    <li class="am-active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">»</a></li>
                </ul>


                <hr/>
                <p>注：订单状态:0-已取消，10-未付款，20-已付款，40-已发货，50-交易成功，60-交易关闭</p>
            </form>


            <div class="foods">
                <ul>
                    版权所有@1569926710
                </ul>
                <dl>
                    <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
                </dl>
            </div>


        </div>
    </div>


</div>


<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/amazeui.min.js"></script>
<!--<![endif]-->


</body>
</html>